.index-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.index-header {
  flex: 1;
  font-size: 50rpx;
  color: red;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-swiper {
  height: 300rpx;
}

.index-footer {
  padding: 50rpx 100rpx;
  font-size: 50rpx;
  color: red;
}

.nav-item {
  width: 100%;
  height: 100%;
  border-radius: 20rpx;
  position: relative;
  overflow: hidden;
}

.nav-item-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
}

.nav-item-content {
  position: relative;
  z-index: 2;
}
